import { Outlet, NavLink } from "react-router-dom";

export default function Pins() {
  return (
    <div>
      <ul>
        <li>
          <NavLink to="/pins/new">New</NavLink>
        </li>
        <li>
          <NavLink to="/pins/hot">Hot</NavLink>
        </li>
        <li>
          <NavLink to="/pins/following">Following</NavLink>
        </li>
      </ul>
      {/* 加载渲染匹配上的下一级路由组件 */}
      <Outlet />
    </div>
  );
}
